草庐IT

php - 用 GD 绘制图形

全部标签

javascript - 将组件重新绘制为 PNG

我目前有一个Recharts组件,我想将其导出为PNG文件。(this.currentChart=chart)}width={this.state.width}height={this.state.height}data={this.testData}margin={{top:5,right:30,left:20,bottom:5}}>;但我不确定图书馆是否直接支持这一点。我有一个想法,涉及使用Canvas和2D渲染上下文让我接近解决方案,如MDN中所述。但是,我不确定将HTML元素(或React组件)呈现为Canvas以实现此解决方案的通用方法。我可能做错了这一切,我将不胜感激!

javascript - 如何在 jquery 或 javascript 和 PHP 中将 GPS 度数转换为十进制,反之亦然?

有人知道如何将GPS度数转换为十进制值,反之亦然吗?我必须开发一种用户可以插入地址并获取GPS值(度数和/或小数)的方法,但我需要知道的主要事情是如何转换这些值,因为用户也可以插入GPS值(度或小数)。因为我需要从谷歌地图获取map,所以需要小数点。我已经尝试了一些代码,但我得到了很大的数字......就像这个:functionConvertDMSToDD(days,minutes,seconds,direction){vardd=days+minutes/60+seconds/(60*60);//alert(dd);if(direction=="S"||direction=="W")

javascript - d3.js 使用极坐标绘制元素

我是d3.js的新手,不确定要使用哪个d3功能。我需要围绕原点(在一个圆圈中)同心放置一组元素。svg.selectAll('circle').each(function(){d3.select(this).attr('cx',r*Math.cos(theta)).attr('cy',r*Math.sin(theta));theta+=thetaInc;});所以与其像上面的代码那样做一些乏味的事情,d3的简短方法是什么? 最佳答案 执行此操作的d3方法是传入数据并根据数据的索引计算位置,即类似于vartheta=2*Math.PI

javascript - 将 PHP hash_hmac(sha512) 转换为 NodeJS

我正在移植一个php脚本到node,我对加密不是很了解。php脚本使用了这个函数:hash_hmac('sha512',text,key);因此,我需要在Nodejs中实现一个函数,以使用hmac方法(SHA512)返回键控哈希。据我所知,Node通过加密模块(http://nodejs.org/docs/latest/api/crypto.html#crypto_crypto)内置了此功能——但我不清楚如何重现此功能。如有任何帮助,我们将不胜感激。谢谢, 最佳答案 是的,使用加密库。varhash=crypto.createHma

javascript - 隐藏一些图形元素,c3js,不卸载数据

是否可以在不卸载或隐藏数据的情况下隐藏c3js图表中的某些线条、条形和其他图形元素?我希望将这些数据保留在工具提示中,但隐藏一些图形元素。将鼠标悬停在一个条上并查看其他隐藏条的数据。我知道隐藏方法-chart.hide(['data2','data3']);-但这也会从工具提示中删除数据。我的问题没有在documentation中讨论看来。Asimilarissue11月未解决。我现在没有任何代码-只是在寻找制作自定义工具提示的替代方法。谢谢 最佳答案 一个简单的解决方案是为图表svg元素使用CSS显示属性,例如:-http://j

javascript - 在 FabricJS 中绘制一条波浪线

我正在使用FabricJS创建用于绘制特定线条和形状的Canvas。其中一条线是带箭头的波浪线,类似这样:我已经成功地创建了一个带有箭头端点的直线版本,但找不到任何关于如何创建波浪线的示例。用户可以根据需要绘制线,因此线中“峰”和“谷”的数量需要相应地调整(像上图这样的短线可能有4个峰,但两倍长度的线会有8个峰,不仅仅是较短线的拉伸(stretch)版本)。这是我用来绘制带有箭头端点的直线的代码。请注意,线的起点是在mousedown上绘制的,终点是在mouseup上绘制的。importLineWithArrowfrom'./LineWithArrow';drawLineWithArr

javascript - 如何使用 HTML5 Canvas 而不是 Debug Draw 来绘制我的 Box2D 世界?

我非常了解HTML5Canvas,我了解使用循环等的基础知识和动画。我正在使用的演示:(单击以制作形状)http://henry.brown.name/experiments/box2d/example-canvas.html我不太熟悉的是Box2D。我正在使用Box2DWeb端口,听说它比Box2D-js更新,我不确定哪个最好。我知道如何初始化“世界”并且我可以在世界中放置对象。然后,我使用Step为世界设置动画-但是到目前为止,为了在屏幕上显示它,我只能使用debugdraw来让它工作,因为它基本上会为你做所有事情。我不想使用调试绘图,而是使用Canvas来绘制,例如一辆汽车,而不

javascript - 使用 Javascript 在遍历单位圆时绘制正弦波

我想在穿过单位圆时绘制正弦波。我想将它用于教育目的。我想要的情节类似于下面的情节:此外,我希望x轴的刻度标签涉及π/2、π、3π/2、2π。它可能支持我想说的一些数学。如何使用Javascript绘制这样的单位圆和相应的xy图?我应该使用哪个库?你能提供一个起点吗? 最佳答案 绘图有两种使用javascript“绘制”任意形状的好方法。第一个选项是HTMLcanvas元素。与艺术家Canvas一样,htmlCanvas提供了一个区域,您可以在其中使用javascript绘制任意形状、线条等。第二个选项是SVG绘图。SVG是一种类似于

javascript - 在 flot 中创建图形中断

我在flot中绘制的图表的数据可能是不连续的-某些测量值可能会丢失。我不允许对它们进行插值-必须存在不连续性,没有值,与缺失值相邻的值之间没有联系;图表必须在休息前的最后一次测量结束,然后从休息后的第一次测量重新开始。我可以完全操作数据,我知道哪些数据丢失了,哪些数据出现在了边缘。数据以多个系列的[time,value]对的形式出现,任何系列都可以包含中断(对于中断的通信,中断通常会出现在同一时间段内。)我如何强制flot在图表中创建这样的间隙? 最佳答案 使用JavaScriptnull,像这样:[[0,0],[1,1],null

javascript - Three.js绘制简单三 Angular 形

我正在尝试用three.js绘制三Angular形:varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(40,window.innerWidth/window.innerHeight,1,1000);camera.position.z=100;scene.add(camera);varrenderer=newTHREE.WebGLRenderer();renderer.setSize(window.innerWidth,window.innerHeight);document.body.appendChild(r